<%--
  Created by IntelliJ IDEA.
  User: 王一同
  Date: 2021/11/20
  Time: 12:45
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>驳回订单</title>
</head>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/layui/layui/css/layui.css"/>
<script src="${pageContext.request.contextPath}/layui/layui/layui.js"></script>

<script type="text/html" id="toolbarDemo">
    <div class="layui-container">
        <button class="layui-btn layui-btn-sm" lay-event="reload">刷新表格</button>
    </div>
</script>
<body style="margin-top: 40px">
<div class="demoTable layui-form" style="margin-top: 10px;text-align: center">
    <div class="layui-form-item" id="beginEndTime">
        <div class="layui-inline">
            <label class="layui-form-label">审核人：</label>
            <div class="layui-input-inline">
                <input type="text" name="ename" id="ename" placeholder="请输入审核人的姓名" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
<%--        <div class="layui-inline">--%>
<%--            <label class="layui-form-label">开始时间</label>--%>
<%--            <div class="layui-input-inline">--%>
<%--                <input type="date" name="beginTime" id="beginTime" placeholder="请输入采购的开始时间"--%>
<%--                       autocomplete="off" class="layui-input">--%>
<%--            </div>--%>
<%--        </div>--%>

<%--        <div class="layui-inline">--%>
<%--            <label class="layui-form-label">结束时间</label>--%>
<%--            <div class="layui-input-inline">--%>
<%--                <input type="date" name="endTime" id="endTime" placeholder="请输入采购的结束时间"--%>
<%--                       autocomplete="off" class="layui-input">--%>
<%--            </div>--%>
<%--        </div>--%>

    </div>
    <div class="layui-form-item" style="text-align: center">
        <button type="button" class="layui-btn" lay-submit="" id="serachBtn" lay-filter="demo1">搜索</button>
        <button type="reset" class="layui-btn layui-btn-primary" id="reset">重置</button>
    </div>
</div>

<table class="layui-hide" id="rejectTab" lay-filter="test"></table>
<script type="text/html" id="barDemo">
    <a type="button" class="layui-btn   layui-btn-sm layui-btn-normal layui-btn-radius " lay-event="edit" target="main">重新提交</a>
</script>
</body>

</html>
<script>
    //js方式获取本地时间+1天
    Date.prototype.toLocaleStringTomorrow = function() {
        var dateTime=new Date();
        dateTime=dateTime.setDate(dateTime.getDate()+1);
        dateTime=new Date(dateTime);
        var y = dateTime.getFullYear();
        var m = dateTime.getMonth()+1;
        m = m<10?'0'+m:m;
        var d = dateTime.getDate();
        d = d<10?("0"+d):d;
        return y+"-"+m+"-"+d;
    }
    layui.use(['table', 'jquery', 'form'], function () {
        var table = layui.table;
        var $ = layui.jquery;
        var form = layui.form;
        var tomorrowTime = (new Date()).toLocaleStringTomorrow();
        //加载页面就调用展示动态表格
        aaa();

        // 封装年月日时分秒的函数
        function dat() {
            return tomorrowTime;
        }

        //校验时间不能超过当前系统时间  并且结束时间不能小于开始时间
        $("#beginEndTime input").change(function () {
            var beginTime = $("#beginTime").val();
            var endTime = $("#endTime").val();
            //判断输入的开始日期或者结束时间要小于当前系统时间
            if (beginTime != "") {
                if (beginTime > dat()) {
                    layer.msg("开始时间不能大于当前日期", {icon: 5})
                    $("#beginTime").val("");
                }
            }

            if (endTime != "") {
                if (endTime > dat()) {
                    layer.msg("结束时间不能大于当前日期", {icon: 5})
                    $("#endTime").val("");
                }
            }
            //判断输入的开始日期要小于结束时间
            if (beginTime != "" && endTime != "") {
                if (beginTime > endTime) {
                    layer.msg("开始时间不能大于结束时间", {icon: 5})
                    $("#beginTime").val("");
                    $("#endTime").val("");
                }
            }

        })

        //查询驳回信息
        function aaa() {
            var tableReload = table.render({
                elem: '#rejectTab'
                , url: '/purchase/selectAllReject' //数据接口
                , page: true
                , limit: 8
                , limits: [8, 12, 18]
                //设置唯一id
                , id: "temp"
                ,text: {
                    none: '暂无驳回订单，摸会鱼吧！' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
                }
                , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
                , cols: [[ //表头
                    {type: 'checkbox', fixed: 'left', align: 'center'}
                    , {type: 'numbers', title: '序号', align: 'center'}
                    , {field: 'pname', title: '采购人姓名', align: 'center', width: 100}
                    , {field: 'pdate', title: '采购日期', align: 'center', width: 200}
                    , {field: 'totalCount', title: '总数量', align: 'center', width: 100}
                    , {field: 'totalPrice', title: '总金额', align: 'center', width: 100}
                    , {field: 'ename', title: '驳回人姓名', align: 'center', width: 100}
                    , {field: 'edate', title: '审核人日期', align: 'center', width: 200}
                    , {field: 'rejectReason', title: '驳回理由', align: 'center', width: 200}
                    , {
                        field: 'status', title: '审批状态', align: 'center', templet: function (d) {
                            if (d.status == 0) {
                                return '<button class="layui-btn layui-btn-warm layui-btn-radius layui-btn-sm">待审批</button>'
                            } else if (d.status == 1) {
                                return '<button class="layui-btn layui-btn-danger layui-btn-radius layui-btn-sm">审批驳回</button>'
                            } else if (d.status == 2) {
                                return '<button class="layui-btn layui-btn-normal layui-btn-radius layui-btn-sm">审批通过</button>'
                            } else if (d.status == 4) {
                                return '<button class="layui-btn layui-btn-danger layui-btn-radius layui-btn-sm">入库驳回</button>'
                            }
                        }
                    }
                    //当前行  模板元素选择器
                    , {fixed: 'right', title: '操作', toolbar: '#barDemo', align: 'center'}

                ]],
            });
        }

        //头工具栏事件
        table.on('toolbar(test)', function (obj) {
            var checkStatus = table.checkStatus(obj.config.id);
            switch (obj.event) {
                //    点击刷新表格
                case 'reload':
                    //调用查询列表的方法
                    aaa();
                    break;
            };
        });


        /*
       监听行工具栏事件
       */
        table.on('tool(test)', function (obj) {
            var data = obj.data;
            if (obj.event === 'edit') {
                //把当前的pid传到后台进行查询采购详情信息
                var   index =  layer.open({
                    title: '重新提交采购信息'
                    //iframe 代表2
                    , type: 2
                    , content: ['${pageContext.request.contextPath}/views/purchases/purchase1.jsp?pid=' + data.pid, 'no']
                    , area: ['1110px', '610px']
                });

                //接收从子页面传来的数据
                window.addEventListener('message',function(e){
                    let data =   e.data;//接收从子页面传来的数据
                    if (data.code == 1) {
                        layer.msg(data.msg, {icon: 1});
                        layer.close(index); //再执行关闭
                        aaa();
                    } else {
                        layer.msg(data.msg, {icon: 5})
                    }
                },false);
            }



        })


        //搜索框
        $("#serachBtn").on("click", function () {
            //执行重载
            // temp数据表格id
            table.reload('temp', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                , where: {
                    ename: $("#ename").val(),
                    beginTime: $("#beginTime").val(),
                    endTime: $("#endTime").val(),
                }
            });
        })


        //点击重置是刷新页面
        $("#reset").click(function () {
            $("#ename").val(""),
                $("#beginTime").val(""),
                $("#endTime").val("")
            aaa();
        })

    });

</script>
